<!-- layoutMCQ_All.html -->
<div id="myQuestionTable" class="Qtable">
	<div class="qtr">
		<div class="qtd">
			<div class="qImage"></div>

			<div style="display: none" id="questionTypeDiv" data-bind="text: questionType()"></div>
			<div style="display: none" id="TemplateTypeDiv" data-bind="text: TemplateType()"></div>
			<div style="display: none" id="layoutTypeDiv" data-bind="text: layout()"></div>
			<div style="display: none" id="isFromCE" data-bind="text: isFromCE()"></div>

			<div data-bind="attr: { 'class': 'questionTextDiv'+TemplateType()}" class="floatleft">
				<!-- <label class="mcqInst mcqNormalText">Choose the Correct Answer. </label> -->
				<table class="widthHundredPercent questionMinH">
					<tr>
						<td class="widthHundredPercent"><div class="mcqQText marginTop5" data-bind="html: questiontext(), onQuestionTextChanges: true"></div><!-- ko if: qAdd() -->
						<hr class="qAddHr" />
						<div class="mcqQText" data-bind="html: qAdd()"></div><!-- /ko --></td>
						<td><div class="floatright padding3" data-bind="html: questmedia()"></div></td>
					</tr>
				</table>
			</div>
		</div>
	</div>
	<div class="marginTop5">
		<label class="bold"> Choose the Correct Answer from below Options. </label>
	</div>
	<div class="margin-12">
		&nbsp;
	</div>
	<div class="otr">
		<form class="ac-custom ac-checkbox ac-checkmark " autocomplete="off">
			<table class="widthHundredPercent">
				<tr>
					<td><div id="optionsContainer" class="optionsMinH" data-bind="template: { name: isFromCE()+layout(),templatePrefix: 'question/layoutMCQ_', foreach: choiceTextArr, afterRender: afterRenderMCQOptionsLayout}"></div></td>
					<td><div class="floatright padding3" data-bind="html: media()"></div></td>
				</tr>
			</table>
		</form>
	</div>
</div>